<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <!-- 让IE采用最新的渲染模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动端的页面宽度等于设备宽度，缩放比为1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/bootstrap-theme.css">
    <link rel="stylesheet" href="css/sidebarDemo2.css">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/shop.css">
    <!--动画CSS插件-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <title>shop购物界面</title>
</head>
<body>
<nav th:replace="~{common/common::top}"></nav>
<div id="sidebar">
    <ul>
        <li id="prof" class="item"><span class="glyphicon glyphicon-user"> </span>
            <div><a href="#">我</a></div>
        </li>
        <li id="asset" class="item"><span class="glyphicon glyphicon-usd"></span>
            <div> 资产</div>
        </li>
        <li id="brand" class="item"><span class="glyphicon glyphicon-heart"> </span>
            <div> 品牌</div>
        </li>
        <li id="broadcast" class="item"><span class="glyphicon glyphicon-bell"></span>
            <div> 直播</div>
        </li>
        <li id="foot" class="item"><span class="glyphicon glyphicon-eye-open"> </span>
            <div> 看过</div>
        </li>
        <li id="calendar" class="item"><span class="glyphicon glyphicon-time"></span>
            <div> 日历</div>
        </li>
    </ul>
    <div id="closeBar">
        <span class="glyphicon glyphicon-remove"></span>
    </div>
</div>

<div th:replace="~{common/common::top3}"></div>
<div class="container wow slideInDown">
<h1>搜索结果：</h1>
<div class="row">
    <div th:each="goods:${findGoods}" class="col-md-4">
        <div th:class="box">
            <div class="pic" data-wow-duration="1s" data-wow-delay="2s">
                <a href="#"><img th:src="@{/images/}+${goods.getImage()}" class="img-rounded"></a></br>
            </div>
            <div class="foot_money ">
                <span th:text="${goods.getPrice()}"></span>
                <a href="#" class="foot_a">
                    <span class="glyphicon lyphicon glyphicon-heart-empty">76</span>
                </a>
            </div>
            <div class="foot_title ">
                <p th:text="${goods.getName()}"></p>
            </div>
            <!--time 结束-->
            <button type="button" class="btn btn-danger" >购买
            </button>
        </div>
    </div>
</div>
</div>
</br>


<!--右侧边栏-->
<div class="right_go">
    <p class="pull-right"><a href="#top">回到顶部</a></p>
</div>
<!--秒杀时间js-->
<script th:src="@{js/jquery-3.2.1.min.js}"></script>
<script th:src="@{js/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{js/waterfall.js}"></script>
<script th:src="@{js/wow.min.js}"></script>
<script th:src="@{js/modernizr.js}"></script>
<script th:src="@{js/modernizr.js}"></script>
<script>
    $(function () {

        new WOW().init();
    })
</script>
</body>
</html>